<include file="__THEME__/header" />
<include file="__THEME__/page_top" />
<div class="bg_work b_8aba56">
	<div class="w_970 p_t25 re" style="z-index:10">
    	<div class="fl w_678">
        	<div class="fr w_220 money_work">
            	<h2 class="fl t_45 c_fff m_r10"><i class="t_26 bold_n fl">$</i>2758</h2>
                <p class="t_14 c_fff l_20">for 30 days</p>
                <p class="c_666 l_20">+ Pro Search</p>
            </div>
        	<h2 class="t_26 bold_n c_333">你想要找的人？</h2>
        	<p class="t_60 c_fff">Post a <b>Job</b></p>
        </div>
    </div>
</div>
<div class="w_970 re m_b40 ty">
	<div class="w_678 yj b_fff lft_work p_q20 fl">
      	<ol class="steps">
			<li class="active"><strong>1</strong> <span class="meta">填写职位</span></li>
			<li>→</li>
			<li><strong>2</strong> <span class="meta">预览发布</span></li>
			<li>→</li>
			<li style="margin-right:0"><strong>3</strong> <span class="meta">在线支付</span></li>
		</ol>
		<form id="ajax_job_form" method="POST" action="{:U('public/job/doRelease')}">
		<div class=" p_t35 border b_fff p40">
			<h2 class="t_14 c_333 b_b p_b10 m_b10 p_t10 bold_n">职位详情</h2>
		    <div class="login_dl m_b20">
		    	<dl>
		        	<dt>公司团队名称：</dt>
		            <dd><input id="company" name="company" type="text" class="iut c_999 b_fff" value="" autocomplete="off"/>
		            	<div class="bc c_f06"></div>
		            </dd>
		        </dl>
		        <dl>
		        	<dt>职位名称：</dt>
		            <dd><input id="job" name="job" type="text" class="iut c_999" value="" autocomplete="off"/>
		            <div class="bc c_f06"></div>
		            </dd>
		            
		        </dl>
		        <dl>
		        	<dt>工作地点：</dt>
		            <dd><input id="place" name="place" type="text" class="iut" value=""/>
		            	 <div class="bc c_f06"></div>
		            </dd>
		           
		        </dl>
		        <dl>
		        	<dt>招聘网址：</dt>
		            <dd><input id="url" name="url" type="text" class="iut" value=""/>
		            	<div class="bc c_f06"></div>
		            </dd>
		            
		        </dl>
			</div>
			<h2 class="t_14 c_333 b_b p_t10 p_b10 m_b10 bold_n">联系信息</h2>
		    <div class="login_dl m_b40">
		    	<dl>
		        	<dt>联系人：</dt>
		            <dd><input id="user" name="user" type="text" class="iut c_999 b_fff" value="" />
		            	<div class="bc c_f06"></div>
		            </dd>
		        </dl>
		        <dl>
		        	<dt>Email：</dt>
		            <dd><input id="email" name="email" type="text" class="iut c_999" value="" />
		            	<div class="bc c_f06"></div>
		            </dd>
		        </dl>
		        <dl>
		        	<dt>工作地点：</dt>
		            <dd><input id="user_place" name="user_place" type="text" class="iut" value=""/>
		            	<div class="bc c_f06"></div>
		            </dd>
		        </dl>
		        <dl>
		        	<dt>Tel：</dt>
		            <dd><input id="tel" name="tel" type="text" class="iut" value=""/>
		            	<div class="bc c_f06"></div>
		            </dd>
		        </dl>
				<dl>
		            <dd>
		            <a href="javascript:;" onclick="$('#ajax_job_form').submit();"  class="tc butas bor di b_fff w_255 c_f06 fl m_r15">工作预览</a>
		        </dl>
				<div class="clear"></div>
			</div> 
	      </div>
	      </form>
    </div>
    
    <div class="fr w_220 p_t25">
    	<h2 class="t_14 c_666 bold_n">为什么在索乐发布工作？</h2>
        <ol class="ulz_work">
        	<li>
            	<h2 class="bold_n">深人才库</h2>
            	<p class="c_999 l_22">成千上万的有才华的艺术家每天都在索乐上。</p>
            </li>
        	<li>
            	<h2 class="bold_n">真实呈现</h2>
            	<p class="c_999 l_22">索然你的工作广告运行，<a href="#" class="c_009">你必须PRO搜索访问的位置</a>，技能，可用性和其他标准查找设计师。</p>
            </li>
            <li>
            	<h2 class="bold_n">及时和简单</h2>
            	<p class="c_999 l_22">索然你的工作广告运行，你必须PRO搜索访问的位置，技能，可用性和其他标准查找设计师。</p>
            </li>
        </ol>
    <h2 class="t_14 c_666 text_h2 p_t25 bold_n">他们在索乐发布工作</h2>
    <ul class="p_t10 logo_work">
    	<li><a href="#"><img src="__THEME__/images/zwlogo.png" width="102" height="17" /></a></li>
        <li><a href="#"><img src="__THEME__/images/zwlogo2.png" width="80" height="43" /></a></li>
        <li><a href="#"><img src="__THEME__/images/zwlogo.png" width="102" height="17" /></a></li>
        <li><a href="#"><img src="__THEME__/images/zwlogo.png" width="102" height="17" /></a></li>
        <li><a href="#"><img src="__THEME__/images/zwlogo.png" width="102" height="17" /></a></li>
    </ul>
    <h2 class="t_14 c_666 text_h2 p_t25 clear bold_n">有问题吗？</h2>
    <p class="p_t10 c_999">如有问题请去<a href="#" class="c_009">常见问题</a></p>
    </div>
	<div class="clear"></div>
</div>
<script>

$(document).ready(function() { 
    $('#ajax_job_form').submit(function(){
        $(this).ajaxSubmit({
            beforeSubmit:  function(){
            	$('.bc').text('');
            	if($('#company').val().length == 0) {
            		$('#company').next(".bc").text('公司团队名称不能为空');
                    return false;
                }
            	if($('#job').val().length == 0) {
            		$('#job').next(".bc").text('职位名称不能为空');
                    return false;
                }
            	if($('#place').val().length == 0) {
            		$('#place').next(".bc").text('工作地点不能为空');
                    return false;
                }
            	if($('#url').val().length == 0) {
            		$('#url').next(".bc").text('招聘网址不能为空');
                    return false;
                }
            	if($('#user').val().length == 0) {
            		$('#user').next(".bc").text('联系人不能为空');
                    return false;
                }
            	if($('#email').val().length == 0) {
            		$('#email').next(".bc").text('Email不能为空');
                    return false;
                }
            	if($('#user_place').val().length == 0) {
            		$('#user_place').next(".bc").text('工作地点不能为空');
                    return false;
                }
            	if($('#tel').val().length == 0) {
            		$('#tel').next(".bc").text('Tel不能为空');
                    return false;
                }
            },
            success: function(json){
            	if( json.status == 1 ){
            		ui.success(json.info);
            		window.location = json.data.jumpUrl;
            	}else{
            		ui.error(json.info);
            	}
            },
            dataType: 'json'
        }); 
        return false; 
    });
})
</script>
<include file="__THEME__/footer" />
</body>
</html>